<template>
  <div class="swiper-container" :class="name">
      <div class="swiper-wrapper">
        <slot></slot>
      </div>
  </div>
</template>

<script>
import Swiper from 'swiper/bundle';
import 'swiper/css/bundle';
export default {
  props: {
    perview: {
      type: Number,
      default: 1
    },
    name:{
      typeof: String,
      default: 'kerwin'
    }
  },
  mounted() {
      new Swiper('.' + this.name, {
        slidesPerView: this.perview,
        spaceBetween: 30,
        freeMode: true,
    });
  },
}
</script>
